import React from 'react'

import './Spinner.style.scss'

const Spinner = ({
  size = '1em',
  circleWidth = 8
}: {
  size?: string | number
  circleWidth?: number
}) => {
  return (
    <div className='Spinner'>
      <svg viewBox='0 0 100 100' style={{ width: size, height: size }}>
        <circle
          cx='50'
          cy='50'
          r={50 - circleWidth / 2}
          strokeWidth={circleWidth}
          fill='none'
          strokeMiterlimit='10'
        />
      </svg>
    </div>
  )
}

export default Spinner
